﻿@charset "utf-8";
/* CSS Document */
html {font-size: 16px;height: 100%;}
body { padding: 0; margin: 0;  height: 100%;}
* { padding: 0;margin: 0; }


.box {float: left; width: 100%; height: 100%; position: relative;}

/* 注册页面样式 */
.register { width: calc(100% - 20px); background: white; padding: 12px 10px; margin: 0px; font-size: 14px;}
.register_number { width: calc(100% - 16px); height: 24px; margin: 12px 8px 0px;}
.register_number a { float: left; width: auto; height: 24px; line-height: 24px; font-size: 14px;}
.register_number img { float: left; margin: 0 12px 0 0;}
.item { width: calc(100% - 36px); height: calc(100% - 232px); background: white; padding: 0 18px; margin: 12px 0 0 0;}
.res-item { width: 100%; height: 38px; padding: 12px 0 0 0; border-bottom: 1px solid #e9e9e9;}
.input-item_a { float:left; width: 80px; height: 38px; font-size: 14px; color: #333333; line-height: 38px; }
.input-item { float: left; width: calc(100% - 80px); height: 38px; border: 0; font-size: 14px;}
.yanzheng { width: calc(100% - 165px);}
.yanzhengma { width: 85px; height: 30px; background: linear-gradient(to right,#20d6b2,#43e29b); border: 0; font-size: 12px; color: white; border-radius: 5px;}
.am-btn {
	width: 100%;
	height: 50px;
	margin-top: 14px;
	font-size: 14px;
	font-weight: 600;
	color: white;
	border: 0;
	background: linear-gradient(to right, #20d6b2, #43e29b);
	border-radius: 10px;
}
.am-btn1 {
	width: 100%;
	height: 50px;
	margin-top: 14px;
	font-size: 14px;
	font-weight: 600;
	color: white;
	border: 0;
	background: linear-gradient(to right, #20d6b2, #43e29b);
	border-radius: 10px;
}
.am-btn-disabled,
.am-btn-disabled:active,
.am-btn-disabled:hover {
	width: 100%;
	height: 50px;
	margin-top: 14px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 10px;
	border: 0;
	background: linear-gradient(to right, #ebebeb, #ebebeb);
	color: #C9C9C9;
	cursor: not-allowed;
	opacity: 1
}
.logon_text {width: 100%;height: 30px;overflow: hidden;line-height: 20px;margin: 20px 0 0 0;}
.logon_text_label {float: left; width: auto;height: 20px;background: url("../img/unchecked.png") no-repeat left center;background-size: 15px 15px;display: block;padding: 0 0 0 25px;font-size: 0.75rem;color: #999999;}
.logon_text_label_a {color: #2EACFF; font-size: 0.75rem}
#logon_checkbox:checked ~ .logon_text_label {background: url("../img/checked.png") no-repeat left center;background-size: 15px 15px;}
.agreement_mask {position: absolute; left: 0; top: 0; width:100%; height: 100%; z-index: 99; background: rgba(0,0,0,0.6);}
.agreement_mask_box {width: calc(100% - 60px); height: calc(100% - 170px); margin: 60px 20px 0 20px; overflow: scroll; padding: 0 10px; background: white; border-radius: 8px;}
.agreement_mask_close {width: 100%; height: 30px; text-align: center; margin: 20px 0 0 0;}

/* 下载页面样式 */

.download_top {
	width: 100%;
	height: calc(100% - 150px);
	/*background: linear-gradient(to bottom,#20d6b2,#43e29b);*/
	background: url(../img/main_bg.png) no-repeat center center;
	background-size: auto 100%;
	overflow: hidden;
}

.download_bottom {
	width: 100%;
	/*height: 200px;*/
	background: white;
}

.download_detali {
	/*position: absolute;
	width: calc(100% - 30px);
	height: 130px;
	!*bottom: -58px;*!
	padding: 40px 0 30px;
	margin: 0 15px;
	background: url(../img/download_bg.png) no-repeat center center white;
	background-size: auto auto;
	border-radius: 12px;
	box-shadow: 0 0 10px #b1ded5;
	overflow: hidden;*/
	position: absolute;
	width: calc(100% - 30px);
	height: 103px;
	bottom: -24px;
	padding: 57px 0px 8px 0px;
	margin: 0 15px;
	background: url(../img/download_bg.png) no-repeat center center white;
	background-size: auto auto;
	border-radius: 12px;
	box-shadow: 0 0 10px #b1ded5;
	overflow: hidden;
}


.download_detali_top {
	width: calc(100% - 80px);
	height: 60px;
	padding: 0 40px;
	overflow: hidden;
	margin-top: -35px;
}

.download_detali_top img {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 10px 0 0;
}

.download_detali_top_title {
	float: left;
	width: calc(100% - 70px);
	height: 30px;
	line-height: 40px;
	font-size: 1.25rem;
	color: #444444;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 1px;
}

.download_detali_top_info {
	float: left;
	width: calc(100% - 70px);
	height: 30px;
	line-height: 30px;
	font-size: 0.75rem;
	color: #888888;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: 5px;
}

.download_detali_bottom {
	width: calc(100% - 30px);
	height: 40px;
	padding: 0 15px;
	margin: 30px 0 0 0;
}

.download_detali_bottom_btn {
	float: left;
	width: calc(50% - 10px);
	height: 40px;
	border: 0;
	border-radius: 20px;
	color: white;
	font-size: 1rem;
	background: linear-gradient(to right,#20d6b2,#43e29b);
	box-shadow: 2px 2px 6px #b1ded5;
}